<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">


<!--头部导航栏-->
<!-- 页面顶部-->
<header id="top" th:fragment="header">
    <div id="logo" class="lf">
        <img src="/user/img/header/logo.png" alt="logo"/>
    </div>


    <form name="searchTop" action="/user/page/search/">
    <div id="top_input" class="lf">
        <input id="input" type="text" placeholder="请输入您要搜索的内容" name="keyword"/>
        <button class="rt" type="submit">
            <img id="search" src="/user/img/header/search.png" alt="搜索" style="height: 30px;width: 31px;"/>
        </button>
    </div>
    </form>
    <div class="rt">
        <ul class="lf">
            <li><a href="/user/page/index">首页</a><b>|</b></li>
            <li><a href="/user/page/collect">收藏</a><b>|</b></li>
            <li><a href="order.html">订单</a><b>|</b></li>
            <li><a href="cart.html">购物车</a><b>|</b></li>
            <li><a href="/password-change.html">设置</a><b>|</b></li>
            <li th:if="${session.loginUser!=null}"><a href="/user/logout">退出</a><b>|</b></li>

            <li><a href="#" th:if="${session.loginUser!=null}"><span th:text="${session.loginUser.getUname()}"></span></a>

                <a href="/userlogin.html" th:if="${session.loginUser==null}"><span>登录</span></a>
                <b>|</b></li>


            <li><a href="lookforward.html">帮助</a><b>|</b></li>
            <li th:if="${session.nickname!=null}">
                <img class="head-img img-circle" style="height: 23px;width: 23px;padding: 0px;"
                     th:src="${session.figureurl_qq_2}"
                     alt="QQ头像">
                <span th:text="${session.nickname}"></span>
            </li>
            <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=260474420&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:260474420:13" alt="有事您Q我" title="有事您Q我" style="height: 23px;padding: 0px;"></a></li>
        </ul>
    </div>
</header>

<!--底部-->
<!-- 品质保障，私人定制等-->
<div id="foot_box">
    <div class="icon1 lf">
        <img src="/user/img/footer/icon1.png" alt=""/>

        <h3>品质保障</h3>
    </div>
    <div class="icon2 lf">
        <img src="/user/img/footer/icon2.png" alt=""/>

        <h3>私人定制</h3>
    </div>
    <div class="icon3 lf">
        <img src="/user/img/footer/icon3.png" alt=""/>

        <h3>学员特供</h3>
    </div>
    <div class="icon4 lf">
        <img src="/user/img/footer/icon4.png" alt=""/>

        <h3>专属特权</h3>
    </div>
</div>
<!-- 页面底部-->
<div class="foot_bj" th:fragment="foot">
    <div id="foot">
        <div class="lf">
            <p class="footer1"><img src="/user/img/footer/tedu.png" alt="" class=" footLogo"/></p>
            <p class="footer2"><img src="/user/img/footer/footerFont.png" alt=""/></p>
            <!-- 页面底部-备案号 #footer -->
            <div class="record">
                2001-2016 版权所有 京ICP证8000853号-56
            </div>
        </div>
        <div class="foot_left lf">
            <ul>
                <li><a href="#"><h3>买家帮助</h3></a></li>
                <li><a href="#">新手指南</a></li>
                <li><a href="#">服务保障</a></li>
                <li><a href="#">常见问题</a></li>
            </ul>
            <ul>
                <li><a href="#"><h3>商家帮助</h3></a></li>
                <li><a href="#">商家入驻</a></li>
                <li><a href="#">商家后台</a></li>
            </ul>
            <ul>
                <li><a href="#"><h3>关于我们</h3></a></li>
                <li><a href="#">关于达内</a></li>
                <li><a href="#">联系我们</a></li>
                <li>
                    <img src="/user/img/footer/wechat.png" alt=""/>
                    <img src="/user/img/footer/sinablog.png" alt=""/>
                </li>
            </ul>
        </div>
        <div class="service">
            <p>达内商城客户端</p>
            <img src="/user/img/footer/ios.png" class="lf">
            <img src="/user/img/footer/android.png" alt="" class="lf"/>
        </div>
        <div class="download">
            <img src="/user/img/footer/erweima.png">
        </div>
    </div>
</div>

